
Vue.config.productionTip=false  //以阻止 vue 在启动时生成生产提示。 <!-- 全局配置 -->
new Vue({
    el: '#app',
    data: {
        //管理员账号
        userInfo:{
            name: ''
        },
        loading: true,   //页面是否加载
        defAct: '1',       //当前激活菜单的 index
        iframeUrl: 'page/employee.html',     //当前内容窗口显示的内容
        headTitle: '员工管理',              //当前显示内容的标题
        timer: 0,              //页面加载关闭倒计时
        menuList: [
            {
                id: '1',
                name: '员工管理',
                url: 'page/employee.html',
                icon: 'icon-member'
            },
            {
                id: '2',
                name: '分类管理',
                url: 'page/category.html',
                icon: 'icon-category'
            },
            {
                id: '3',
                name: '菜品管理',
                url: 'page/dish.html',
                icon: 'icon-food'
            },
            {
                id: '4',
                name: '套餐管理',
                url: 'page/setmeal.html',
                icon: 'icon-combo'
            },
            {
                id: '5',
                name: '订单明细',
                url: 'page/order.html',
                icon: 'icon-order'
            }
        ]
    },
    //钩子函数
    created() {
        this.closeLoading();
    },
    methods: {
        //点击更换窗口内容
        menuHandle(item) {
            this.loading = true              //页面加载
            this.menuActived = item.id
            this.iframeUrl = item.url        //当前内容窗口显示的内容
            this.headTitle = item.name       //当前显示内容的标题
            this.closeLoading();
        },
        //倒计时关闭窗口加载
        closeLoading(){
            this.timer = 0;
            setTimeout(()=>{
                this.loading = false;        //关闭页面加载
            },1000);
        },
        //管理员账号退出
        logout(){
            this.$confirm("确定退出，是否继续？","提示",{
                confirmButtonText:"确定",
                cancelButtonText:"取消",
                type: "warning"
            }).then(()=> {   //选择确定的情况
                axios({
                    method: "GET",
                    url: "/admin/loginOut",
                }).then((res)=>{
                    if(res.data.code==0){
                        this.$message.error('注销失败，请重试!');
                    }else{
                        this.$message.success({
                            message: '注销成功，即将跳转',
                            type: 'success'
                        });
                        setTimeout(function () {
                            location.href="/login.html";
                        },500)

                    }
                });
            }).catch(()=>{   //选择取消的情况
                this.$message({
                    type:"into",
                    message:"已取消"
                });
            });
        },
        //显示管理员名称

    }
})